<template>
  <div class="list_block">
<div class="list_title"><img src="../assets/img/list_title.png">训练管理</div>
<div class="list_tabs">
  <div class="list_tabs_input1">
  <input name="查询" type="button" class="but" value="新增计划" onclick="win_open('#win_xz','600','300')"><input name="input" type="button" class="but" value="数据导入">
  </div>
</div>
<div class="list_search">起始时间：
  <input type="text" value="请选择">
  &nbsp;&nbsp;结束时间：
  <input type="text" value="请选择">
&nbsp;&nbsp;&nbsp;&nbsp;<input name="查询" type="button" class="but_search" value="查询">
</div>
<div class="list_tab">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <th width="80">序号</th>
          <th width="374">时间</th>
          <th width="289">名称</th>
          <th width="209" >状态</th>
          <th width="250" >操作</th>
        </tr>
      <tr v-for="item in trainData" :key="item.id">
        <td align="center" class="td_1" >{{item.id}}</td>
        <td class="td_1">{{item.times}}</td>
        <td class="td_1">{{item.name}}</td>
        <td class="td_1">{{item.state}}</td>
        <td class="td_1"><a href="javascript:void(0);" onclick="win_open('#win_xq','900','300');return false;"><img src="../assets/img/list_ck.png">详情</a>&nbsp;&nbsp;<a href="" ><img src="../assets/img/list_sc.png">删除</a>&nbsp;&nbsp;<a href="javascript:void(0);" onclick="win_open('#win_xlzj','600','300');return false;"><img src="../assets/img/list_tjzj.png">提交总结</a></td>
        </tr>
     
    </tbody>
  </table>
  </div>
  
  
  <div class="list_page">共150页  <span class="list_page_block" onclick="">上一页</span><span class="list_page_block" onclick="">1</span><span class="list_page_block" onclick="">2</span><span class="list_page_block" onclick="">3</span><span class="list_page_block" onclick="">4</span><span class="list_page_block" onclick="">5</span><span class="list_page_block" onclick="">...</span><span class="list_page_block" onclick="">15</span><span class="list_page_block" onclick="">下一页</span>  跳至<select name="select" class="txt_page"> 
 <option>1</option>
</select>页</div>
  
</div>
</template>

<script>
export default {
    data(){
        return{
        trainData:[
            {id:1,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:2,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:3,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:4,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:5,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:6,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:7,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"},
            {id:8,times:"2020-01-01 12:02:02",name:"名称一",state:"状态一"}
        ]

        }
    }
}
</script>

<style>

</style>